<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>通用会议注册表</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-image: url('your_bg_image.jpg'); /* 这里请替换成你想要的背景图片路径，若无合适图片可删除此行 */
      background-size: cover;
      background-repeat: no-repeat;
    }

    form {
      width: 600px;
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */
      padding: 20px;
      border-radius: 5px;
    }

    table {
      width: 100%;
    }

    label {
      display: block;
      margin-bottom:7 px;
      margin-left: 20px;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select {
      width: 100%;
      padding: 8px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 3px;
    }

    input[type="radio"] {
      margin-right: 5px;
    }

    input[type="submit"] {
      background-color: #8bc34a; /* 绿色按钮 */
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }

    input[type="reset"] {
      background-color: #f5f5f5;
      color: #333;
      padding: 10px 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>

<body>
  <form action="#" method="post">
    <h2 style="text-align: center;">通用会议注册表</h2>
    <table>
      <tr>
        <td><label for="name">参会者姓名</label></td>
        <td><input type="text" id="name" name="name" required></td>
        <td><label for="position">职务</label></td>
        <td><input type="text" id="position" name="position" placeholder="请输入您的职务"></td>
      </tr>
      <tr>
        <td><label for="company">工作单位</label></td>
        <td colspan="3"><input type="text" id="company" name="company"></td>
      </tr>
      <tr>
        <td><label for="phone">电话</label></td>
        <td><input type="tel" id="phone" name="phone"></td>
        <td><label for="fax">传真</label></td>
        <td><input type="tel" id="fax" name="fax"></td>
      </tr>
      <tr>
        <td><label for="mobile">手机</label></td>
        <td colspan="3"><input type="tel" id="mobile" name="mobile"></td>
      </tr>
      <tr>
        <td><label for="address">通讯地址</label></td>
        <td colspan="3"><input type="text" id="address" name="address"></td>
      </tr>
      <tr>
        <td><label for="email">E-mail</label></td>
        <td><input type="email" id="email" name="email"></td>
        <td><label for="postcode">邮编</label></td>
        <td><input type="text" id="postcode" name="postcode"></td>
      </tr>
      <tr>
        <td><label for="province">省份</label></td>
        <td>
          <select id="province" name="province">
            <option value="beijing">北京市</option>
            <!-- 可添加更多省份选项 -->
          </select>
        </td>
        <td><label for="country">国家</label></td>
        <td>
          <select id="country" name="country">
            <option value="china">中国</option>
            <!-- 可添加更多国家选项 -->
          </select>
        </td>
      </tr>
      <tr>
        <td><label for="city">城市</label></td>
        <td colspan="3"><input type="text" id="city" name="city"></td>
      </tr>
    </table>
    <h4 style="text-align: center;">会议费标准（人民币）</h4>
    <table>
      <tr>
        <td>身份 / 时间</td>
        <td>2021/08/27
          <input type="checkbox" id="early_bird_1" name="early_bird_1">之前注册</td>
        <td>2021/08/30
          <input type="checkbox" id="late_1" name="late_1">之后注册</td>
      </tr>
      <tr>
        <td>会员</td>
        <td><input type="radio" id="member_early" name="fee" value="1500">1500元</td>
        <td><input type="radio" id="member_late" name="fee" value="1800">1800元</td>
      </tr>
      <tr>
        <td>非会员</td>
        <td><input type="radio" id="non_member_early" name="fee" value="1800">1800元</td>
        <td><input type="radio" id="non_member_late" name="fee" value="2000">2000元</td>
      </tr>
    </table>
    <div style="text-align: center;">
      <input type="submit" value="提交">
      <input type="reset" value="重置">
    </div>
  </form>
</body>

</html>